import { createApp } from 'vue'
import './assets/main.css'
import App from './App1.vue'
import router from "@/router";
import "@/styles/index.scss";
import XqIcon from "@/components/Icon/Icon.vue";
import XqButton from "@/components/Button/Button.vue";
import XqCard from "@/components/Card/Card.vue";

/* import the fontawesome core */
import { library } from '@fortawesome/fontawesome-svg-core'

/* import font awesome icon component */
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'

/* import fas icons */
import { fas } from '@fortawesome/free-solid-svg-icons'
library.add(fas);

const app = createApp(App);
app.component('font-awesome-icon', FontAwesomeIcon)

app.component('Xq-Icon', XqIcon);
app.component('Xq-Button', XqButton);
app.component('Xq-Card', XqCard);

app.use(router);
app.mount('#app');
